.progress {
  width: 80px;
  height: 80px;
}

.progress circle {
  transition: stroke-dashoffset 500ms ease-in-out;
  fill: none;

  &:first-child {
    stroke: var(--separator-color);
  }

  &.failed {
    stroke: var(--failed);
  }

  &.success {
    stroke: var(--completed);
  }
}

.progress text {
  font-size: 1.3rem;
  font-family: inherit;
  font-weight: 300;
  fill: var(--card-text-secondary-color);
}
